<script setup lang="ts">
import {ref} from "vue";

const seen = ref(true);
</script>

<template>
  <div>
    <h1>指令 Directives</h1>
    <p v-if="seen">现在你能看到我</p>
    <p v-else>现在你看不到我</p>
    <p>
      指令是带有 v- 前缀的特殊 attribute。Vue 提供了许多内置指令，包括上面我们所介绍的 v-bind 和 v-html。
    </p>
    <p>
      指令 attribute 的期望值为一个 JavaScript 表达式 (除了少数几个例外，即之后要讨论到的 v-for、v-on 和 v-slot)。<br>
      一个指令的任务是在其表达式的值变化时响应式地更新 DOM。
    </p>

    <button @click="seen =!seen">切换</button>
  </div>
</template>

<style scoped>

</style>